<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="api.css"/>
    <style>
    	body{
    		height:100%;
    		width:100%;
    	}
    	li{
    		margin-left:-30px;
    		padding-left:0px;
    		list-style:none;
    		width:100%;
    		height:350px;
    		position:relative;
    	}
    	/*商家合作信息*/
    	.info{width:100%;background-color:snow;}
    	.info .IMG{width:100%;height:250px;}
    	.info .IMG img{width:100%;height:250px;}
    	.info .brief{width:100%;height:100px;}
    	.info .avatar{position:absolute;top:230px;right:30px;height:50px;width:50px;}
    	.avatar img{border-radius:25px;height:50px;width:50px;}
    </style>
</head>
<body>
	<ul>
		<li class="info">
			<div class="IMG">
				<img src="../image/logo.png" />
			</div>
			<div class="avatar"><img src="../image/huitailang.jpg" /></div>
			<div class="brief">
				<p>标题</p>
				<p>简要介绍</p>
			</div>
		</li>
		<li class="info">
			<div class="IMG">
				<img src="../image/logo.png" />
			</div>
			<div class="avatar"><img src="../image/huitailang.jpg" /></div>
			<div class="brief">
				<p>标题</p>
				<p>简要介绍</p>
			</div>
		</li>
		<li class="info">
			<div class="IMG">
				<img src="../image/logo.png" />
			</div>
			<div class="avatar"><img src="../image/huitailang.jpg" /></div>
			<div class="brief">
				<p>标题</p>
				<p>简要介绍</p>
			</div>
		</li>
		<li class="info">
			<div class="IMG">
				<img src="../image/logo.png" />
			</div>
			<div class="avatar"><img src="../image/huitailang.jpg" /></div>
			<div class="brief">
				<p>标题</p>
				<p>简要介绍</p>
			</div>
		</li>
		<li class="info">
			<div class="IMG">
				<img src="../image/logo.png" />
			</div>
			<div class="avatar"><img src="../image/huitailang.jpg" /></div>
			<div class="brief">
				<p>标题</p>
				<p>简要介绍</p>
			</div>
		</li>
	</ul>
</body>
<script type="text/javascript" src="api.js"></script>
<script type="text/javascript">
	apiready = function(){
		api.setRefreshHeaderInfo({
			visible:true,
			bgColor:'#ccc',
			textDown:'获取新数据...',
			textUp:'获取中...',
			showTime:true
        },function(ret,err){
        	//从服务器加载数据，完成后调用api.refreshHeaderLoadDone()方法恢复组件到默认状态
        	
        	api.refreshHeaderLoadDone();
        });
	};
</script>
</html>